<!DOCTYPE html>
<head>
    <meta charset="utf-8" />
    <style>
        table{
            background-color: aquamarine;
            width: 100%;
            border: 1px solid black;
        }
    </style>
</head>
<body background="jiuyou.jpeg">
    <img src="Default.jpg" width="200" height="200" /><br>
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202005%2F07%2F20200507115839_mhjox.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669988773&t=c4728bc60fafa18a548c19b5966701e1" width="500" height="350"/>
    <p>
    <a href="index2.html#hhh ">click me</a><br>
    <a href="https://baidu.com">百度一下</a>
    </p>
    <ol>
        <li>12</li>
        <li>13</li>
        <li>14</li>
    </ol>
    <ul>
        <li>12</li>
        <li>13</li>
        <li>14</li>
    </ul>
    <ul>
        <li>12</li>
        <li>
            13<ul>
                <li>14</li>
                <li>15</li>
            </ul>
        </li>
        <li>16</li>
    </ul>
    <p>This is an example of table</p>
    <table border="1">
        <caption>This is my table</caption>
        <colgroup>
        <col span="2" style="background-color: red;"
        </colgroup>
        <tr>
            <th colspan="2">name</th>
            <th>age</th>
        </tr>
        <tr>
            <th rowspan="2">11</th>
            <td>12</td>
            <td>13</td>
        </tr>
        <tr>
            <td>21</td>
            <td>22</td>
        </tr>
        <tr>
            <td>31</td>
            <td>32</td>
            <td>33</td>
        </tr>
    </table>
    <table border="1">
    <caption>this is other table</caption>
    <tr>
        <th colspan="2">九幽</th>
        <th>大人</th>
    </tr>
    <tr>
        <th rowspan="2">41</th>
        <td>42</td>
        <td>43</td>
    </tr>
    <tr>
        <td>51</td>
        <td>52</td>
    </tr>
    <tbody>
    <tr>
        <th>61</th>
        <td>62</td>
        <td>63</td>
    </tr>
    <tr>
        <th>71</th>
        <td>72</td>
        <td>73</td>
    </tr>
    </tbody>
    </table>
    输入框
    <form>
        username: <input type="text" > <br>
        password: <input type="password" ><br>
        pet name: <input type="text" ><br>
        contact Information: <input type="text"><br>
        <textarea>self-introduction</textarea><br>
    </form>
    <button>
        <input type="button" value="发送验证码">
        <input type="text" ><br>
        <input type="button" value="忘记密码"><br>
        <input type="button" value="注册"><br> 
    </button><br>
    <input type="radio" name="sex" checked>male<br>
    <input type="radio" name="sex">female<br>
    爱好:<input type="checkbox" name="4" checked>篮球
         <input type="checkbox" name="4" checked>乒乓球
         <input type="checkbox" name="4" checked>跑步
         <input type="checkbox" name="4" checked>其他<br>
    班级
         <select>
        <option>11班</option>
        <option>12班</option>
        <option>13班</option>
        <option>14班</option>
    </select>
</body>